<template>
  <view class="operate flex flex-middle flex-between">
    <view class="return" @click.stop="toReturn"> 申请退款 </view>
    <view class="flex flex-middle">
      <view
        class="btn btn1 flex flex-middle flex-center"
        @click.stop="editOrder"
      >
        修改订单
      </view>
      <view
        class="btn btn2 flex flex-middle flex-center"
        @click.stop="toAssess"
      >
        验收服务
      </view>
    </view>
  </view>
</template>

<script>
export default {
  methods: {
    editOrder() {
      this.$navigateTo(`/pages/order/create?edit=1`);
    },
    toReturn() {
      this.$navigateTo(`/pages/order/return`);
    },
    toAssess() {
      this.$navigateTo(`/pages/order/assess`);
    },
  },
};
</script>

<style scoped lang="scss">
.operate {
  .return {
    color: #979797;
  }

  .btn1 {
    border: 1px solid #232323;
    color: #232323;
  }

  .btn2 {
    background: #232323;
    color: #fff;
  }

  .btn {
    width: 88px;
    height: 32px;
    border-radius: 34px;
    font-weight: bold;
    border: 1px solid #232323;
    margin-left: 8px;
  }
}
</style>